<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录注册页面</title>
    <link rel="stylesheet" href="css/login.css" th:href="@{css/login.css}"/>
</head>
<body>
<div class="content">
    <div class="form sign-in">
        <h2>欢迎回来</h2>
        <P>&nbsp;</P>
        <P>&nbsp;</P>
        <label>
            <span>用户名/手机号</span>
            <input type="tel" id="loginName"/>
        </label>
        <label>
            <span>密码</span>
            <input type="password" id="loginPassword"/>
        </label>
        <p class="forgot-pass"><a href="javascript:">忘记密码？</a></p>
        <button type="button" class="submit" id="login">登 录</button>
    </div>
    <div class="sub-cont">
        <div class="img">
            <div class="img__text m--up">
                <h2>还未注册？</h2>
                <p>立即注册，成为我们的一员吧！</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <a href="contact-us" style="text-decoration: none;"><button style="width:80px;height:80px;background-color:transparent;border:2px solid white;border-radius: 10px;color: white;">返回</button></a>
            </div>
            <div class="img__text m--in">
                <h2>已有帐号？</h2>
                <p>有帐号就登录吧，好久不见了！</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <a href="contact-us" style="text-decoration: none;"><button style="width:80px;height:80px;background-color:transparent;border:2px solid white;border-radius: 10px;color: white;">返回</button></a></div>
            <div class="img__btn">
                <span class="m--up">注 册</span>
                <span class="m--in">登 录</span>
            </div>
        </div>
        <div class="form sign-up">
            <h2>立即注册</h2>
            <label>
                <span id="usernameHint">用户名</span>
                <input type="text" id="username"/>
                <input id="usernameJudge" type="hidden" value="0"/>
            </label>
            <label>
                <span id="mobileHint">手机号</span>
                <input type="text" id="mobile"/>
                <input id="mobileJudge" type="hidden" value="0"/>
            </label>
            <label>
                <span id="passwordHint">密码</span>
                <input type="password" id="password"/>
                <input id="passwordJudge" type="hidden" value="0"/>
            </label>
            <p class="forgot-pass"><a href="javascript:;">点击输入处便可获取提示信息</a></p>
            <button type="button" class="submit" id="register">注 册</button>
        </div>
    </div>
</div>

<div id="info">
    <p id="title">提示</p>
    <span id="msg"></span>
</div>

</body>
<script src="js/jquery-3.4.1.js" th:src="@{js/jquery-3.4.1.js}"></script>
<script src="js/login.js" th:src="@{js/login.js}"></script>
</html>